@background-Color:#F1F1F1;
@lightColor:#96D3EF;
@deepColor:#466FFF;
.setHeight(@height){
    height: @height;
    line-height: @height;
}

.setBorder{
    border: 1px solid #EDEDED;
    border-radius: 2px;
}

.base-topbox{
   width: 100%;
   background-color: @background-Color;
   
  .base-small-nav{
    .setHeight(30px);
    font-size: 11px;
    margin: 0 50px;
    
    a{
        color: gray;
        padding: 0px 2px;
    }
    
    .base-nav-item{
        float: right;
        line-height: 30px;
        
        >li{
            float: left;
            list-style-type: none;
            padding: 0px 5px;
            
            &:hover{
                background-color: white;
            } 
                           
            a{
                position: relative;
            }
                            
//           .dropdown-item{
//               width: 80px;
//               position: absolute;
//               background-color: white;
//                li{
//                   padding: 2px;
//                   
//                    &:hover{
//                        background-color: @background-Color;
//                    }
//                }
//           }
        }
    }
   }
}

.base-logo-nav{
    position: relative;
    height: 100px;
    width: 100%;
    background-color: white;

    
    >a{
        float: left;
        vertical-align:middle;
        margin-left: 40px;
    }
    
    >div{
        position: absolute;
        float: left;
        top: 30%;
    }
    
    .base-search{
        left: 30%;
        
        .small-search{
            width: 400px;
        }
        
        ul{
            height: 30px;
            
             li{
               list-style-type: none;
               float: left;
               padding: 5px;
               
                a{
                   color: gray;
                   font-size: 11px;
                }
               }
        }
    }
    .base-shopcar{
        right: 10%;
        width: 140px;
        .setHeight(35px);
        text-align: center;
        .setBorder;
        background-color:white;
        
        &:hover{
            cursor: pointer;
            background-color: #F8F8F8;
        }
        span{
            color: @lightColor;
        }
        .base-badge{
            background-color:@lightColor;
            color: white;
            position: relative;
            bottom: 20px;
        }
    }
}












